<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>快速开发</title>
</head>

<body>
    <div>我是div1</div>
    <div>我是div2</div>
    <div>我是div3</div>

    <span>我是span1</span>
    <span>我是span2</span>
    <span>我是span3</span>

    <!-- 表单标签 -->
    <form action="demo1.html" method="get">
        姓名：<input type="text" name="userName" id="" placeholder="请输入姓名"> <br />
        密码：<input type="password" name="password" id=""> <br />
        性别：<input type="radio" name="gender" id="male" value="0"> <label for="male">男</label>
        <input type="radio" name="gender" id="female" value="1"> <label for="female">女</label> <br />

        兴趣：<input type="checkbox" name="chec" id="ball1" value="1"> <label for="ball1"> 篮球
            <input type="checkbox" name="chec" id="ball2" value="2"> <label for="ball2"> 足球
                <input type="checkbox" name="chec" id="ball3" value="3"> <label for="ball3"> 乒乓球
                    <input type="checkbox" name="chec" id="ball4" value="4" checked> <label for="ball4"> 羽毛球 <br />
                        学历：<select name="sel">
                            <option value="1" selected="select">本科</option>
                            <option value="2">研究生</option>
                            <option value="3">博士</option>
                        </select> <br />
                        个人简介：<textarea cols="30" rows="5"></textarea>
                        <button>登录</button>
    </form>

    <form>
        <input type="button" value="注册">
        <button>注册</button>
        <input type="submit" value="注册">
    </form>

    <!-- 表格标签 -->
    <table border="1px" cellspacing="0" cellpadding="5px" align="center">
        <tr>
            <td rowspan="3">1</td>
            <td colspan="2">2</td>
            <td>3</td>
            <td>4</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
        </tr>
    </table>

    <!-- 超链接 -->
    <a href="https://www.baidu.com">百度</a>
    <a href="demo2.html" target="_blank">点击后跳转到demo2.html</a>
    <a href="test.zip" target="_blank">点击下载test.zip</a>
    <a href="#">空链接</a> <br />

    <!-- 图片标签 -->
    <img src="JENNIE.jpg" alt="这是一只小猫" width="200px" border="1px">
    <img src="https://pic.nximg.cn/20131022/8821914_225904070000_2.jpg" alt="" width="200px"> <br />

    <!-- 换行标签 -->
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Deleniti libero pariatur laboriosam praesentium eaque
    delectus aspernatur voluptas iusto voluptatem quisquam nulla autem ex, qui iure veniam ducimus? <br />Nesciunt,
    aliquam quibusdam.

    <!-- 段落标签 -->
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. </p>
    <p>ducimus reprehenderit iste inventore tempora quos blanditiis quasi veniam expedita autem delectus saepe
        dolorumcum nobis dolorem id commodi praesentium.</p>
    <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Deleniti libero pariatur laboriosam praesentium
        eaque
        delectus aspernatur voluptas iusto voluptatem quisquam nulla autem ex, qui iure veniam ducimus? Nesciunt,
        aliquam quibusdam.</p>

    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>
</body>

</html>